@charset "utf-8";
/* CSS Document */

/*-----1-HEADER------*/
/*-----2-BANNER------*/
/*-----3-SERVICE-----*/
/*-----4-WELCOME-----*/
/*-----5-PRODUCT------*/
/*-----6-ENQUIRY------*/
/*-----7-ADDRESS------*/
/*-----8-FOOTER------*/

.red-color{color:#ea2964;}
.yellow-color{color:#ffd400;}
.blue-color{color:#00aeef;}
.black-color{color:#242122;}

/*---------------------------------------------------------------
GAMES
----------------------------------------------------------------*/
.gamesBox{
	padding:10px;
	margin:0 0 30px;
	width:100%;
	float:left;
	height:auto;
	border:1px solid #f29f34;
	text-align:center;
	border-radius: 7px;
}
.gamesBoxImage{
	padding:0;
	margin:0 auto 10px;
	width:100%;
	float:left;
	height:180px;
	overflow:hidden;
	text-align:center;
}
.gamesBoxImage img{
	display: -webkit-inline-box!important;
}
.play-now {color:#ffffff;background-color:#9c2419;font-weight:400; padding: 4px 10px; text-decoration:none;border-radius: 3px;}
.play-now.focus, .play-now:focus {color:#ffffff;background-color:#8f1b11;text-decoration:none;}
.play-now:hover {color:#ffffff;background-color:#8f1b11;text-decoration:none;}

/*---------------------------------------------------------------
1-HEADER
----------------------------------------------------------------*/
#headerSection{
	padding:18px 0 0 0;
	margin:0;
	width:100%;
	float:left;
	height:auto;
	border-top:3px solid #2b2829;
}
.headerRight{
	padding:0;
	margin:0;
	width:100%;
	float:left;
	height:auto;
}
.headerRight h3{
	margin-top:0;
	margin-bottom:0;
}
.headerRight p{
	font-size:16px;
}
.logo{
	padding:0;
	margin:20px 0 0 0;
	float:left;
	height:auto;
}
.menuBg{
	padding:0;
	margin:0;
	width:100%;
	float:left;
	height:auto;
	background-color:#00aeef;
	background-image:url(../images/menu-left.jpg);
	background-position:left;
	background-repeat:no-repeat;
}
@media screen and (min-width:768px) {
      .navbar {
        border-radius: 0;
    }
    .navbar-header {
        display: none;
    }
#headerSection .navbar {
    min-height: 0px!important;
    margin-bottom: 0px!important;
}
    .navbar-default {
        border: none;
        background: none;
    }
    .nav>li>a {
        padding:9px 40px;
		color:#fff!important;
		background-color:transparent!important;
		border-right:1px solid #33bef2;
    }
    .nav>li>a:hover {
        padding: 9px 40px;
		color:#000!important;
    }
    .navbar-nav>li>a {
        line-height: normal;
    }
    .navbar-nav {
        display: table;
        float: left;
        margin: 0 auto;
        table-layout: fixed;
        font-size: 14px;
		text-transform:uppercase;
		font-weight:400;
    }
	.navbar-nav>li {
    float: left;
	padding-left:2px;
	padding-right:2px;
}
}

/*---------------------------------------------------------------
2-BANNER
----------------------------------------------------------------*/
#bannerSection{
	padding:0;
	margin:0 0 40px 0;
	width:100%;
	float:left;
	height:auto;
}
.bannerbox{
	padding:0;
	margin:0;
	width:100%;
	float:left;
	height:auto;
	border-left:3px solid #CCCCCC;
	border-right:3px solid #CCCCCC;
	overflow:hidden;
}
/*---------------------------------------------------------------
3-SERVICE 
----------------------------------------------------------------*/
#serviceSection{
	padding:0;
	margin:0 0 10px 0;
	width:100%;
	float:left;
	height:auto;
}
#serviceSection h1{
	padding:0;
	margin:0;
	text-align:center;
	font-weight:400;
	color:#00aeef;
	text-transform:uppercase;
	font-size:48px;
}
#serviceSection h4{
	padding:0;
	margin:10px 0 10px 0;
	text-align:center;
	font-weight:600;
	color:#ea2964;
}
#serviceSection h5{
	padding:0;
	margin:20px 0 30px 0;
	text-align:center;
	font-weight:300;
	color:#000000;
	font-size:18px;
}
#serviceSection p{
	text-align:center;
	font-weight:400;
}
.servicebox{
	padding:0;
	margin:0 0 30px 0;
	width:100%;
	float:left;
	height:auto;
	border-right:1px solid #eee;
	text-align:center;
}
.servicebox img{
	margin:0 auto;
	display: -webkit-inline-box!important;
}
.read-more-service {color:#000;background-color:#cccccc;font-weight:400; padding: 6px 12px; text-decoration:none;border-radius: 3px;}
.read-more-service.focus, .read-more-service:focus {color:#fff;background-color:#333;text-decoration:none;}
.read-more-service:hover {color:#fff;background-color:#333;text-decoration:none;}

.inquiry-service {color:#fff;background-color:#ea2964;font-weight:400; padding: 6px 12px; text-decoration:none;border-radius: 3px;}
.inquiry-service.focus, .inquiry-service:focus {color:#fff;background-color:#00aeef;text-decoration:none;}
.inquiry-service:hover {color:#fff;background-color:#00aeef;text-decoration:none;}
/*---------------------------------------------------------------
4-WELCOME
----------------------------------------------------------------*/
#welcomeSection{
	padding:40px 0 45px 0;
	margin:0 0 50px 0;
	width:100%;
	float:left;
	height:auto;
	background-image:url(../images/bg-cercle.png);
	background-color:#292627;
}

#welcomeSection h1{
	padding:0;
	margin:0;
	text-align:center;
	font-weight:400;
	color:#ffd500;
	text-transform:uppercase;
	font-size:48px;
}
#welcomeSection h4{
	padding:0;
	margin:20px 0 30px 0;
	text-align:center;
	font-weight:300;
	color:#FFF;
}
#welcomeSection p{
	padding:0;
	margin:0;
	text-align:center;
	font-weight:400;
	color:#FFF;
}
/*---------------------------------------------------------------
5-PRODUCT
----------------------------------------------------------------*/
#productSection{
	padding:0;
	margin:0 0 20px 0;
	width:100%;
	float:left;
	height:auto;
}
.productHeading{
	padding:10px 0 10px 20px;
	margin:0;
	width:100%;
	float:left;
	height:auto;
	background-color:#ea2964;
	border-radius: 4px 4px 0 0;
}
.productHeading h2{
	padding:0;
	margin:0;
	width:100%;
	float:left;
	height:auto;
	color:#FFF;
	text-transform:uppercase;
}
.productImage{
	padding:0;
	margin:0;
	height:auto;
}
.productBox{
	padding:0;
	margin:0 0 20px 0;
	width:100%;
	float:left;
	height:auto;
}
.productBox p a{
	color:#000000;
}
.productBox i{
	color:#ea2964;
	font-weight:300;
	padding-right:5px;
}
/*---------------------------------------------------------------
6-ENQUIRY
----------------------------------------------------------------*/
#enquirySection{
	padding:50px 0;
	margin:0 0 50px;
	width:100%;
	float:left;
	height:auto;
	background-image:url(../images/bg-cercle.png);
	background-color:#292627;
}
#enquirySection h1{
	margin:0;
	padding:0;
	font-size:50px;
	color:#FFF;
	font-weight:300;
}
.enquiry-now {color:#000000;background-color:#ffd400;font-weight:300;border-radius: 66px; font-size:30px; float:right; padding:10px 30px}
.enquiry-now.focus, .enquiry-now:focus {color:#fff;background-color:#ffd400;}
.enquiry-now:hover {color:#fff;background-color:#ffd400;}
/*---------------------------------------------------------------
7-ADDRESS
----------------------------------------------------------------*/
#addressSection{
	padding:0;
	margin:0 0 20px 0;
	width:100%;
	float:left;
	height:auto;
}
.enquiryHeading{
	padding:10px 0 10px 20px;
	margin:0;
	width:100%;
	float:left;
	height:auto;
	background-color:#ea2964;
	border-radius: 4px 4px 0 0;
}
.enquiryHeading h2{
	padding:0;
	margin:0;
	width:100%;
	float:left;
	height:auto;
	color:#FFF;
	text-transform:uppercase;
}
.enquiryBox{
	padding:15px 20px;
	margin:0 0 30px 0;
	width:100%;
	float:left;
	height:auto;
	min-height:400px;
	border-radius: 0 0 4px 4px;
	border:1px solid #cccccc;
}
.enquiryBox .form-control{
	margin-bottom:10px;}

.enquiry-submit {color:#ffffff;background-color:#ea2964;font-weight:600;}
.enquiry-submit.focus, .enquiry-submit:focus {color:#fff;background-color:#242122;}
.enquiry-submit:hover {color:#fff;background-color:#242122;}

.informationHeading{
	padding:10px 0 10px 20px;
	margin:0;
	width:100%;
	float:left;
	height:auto;
	background-color:#cccccc;
	border-radius: 4px 4px 0 0;
}
.informationHeading h2{
	padding:0;
	margin:0;
	width:100%;
	float:left;
	height:auto;
	color:#000;
	text-transform:uppercase;
}
.informationBox{
	padding:15px 20px;
	margin:0 0 30px 0;
	width:100%;
	float:left;
	height:auto;
	min-height:400px;
	border-radius: 0 0 4px 4px;
	border:1px solid #cccccc;
}
.addressHeading{
	padding:10px 0 10px 20px;
	margin:0;
	width:100%;
	float:left;
	height:auto;
	background-color:#00aeef;
	border-radius: 4px 4px 0 0;
}
.addressHeading h2{
	padding:0;
	margin:0;
	width:100%;
	float:left;
	height:auto;
	color:#FFF;
	text-transform:uppercase;
}
.addressBox{
	padding:15px 20px;
	margin:0 0 30px 0;
	width:100%;
	float:left;
	height:auto;
	min-height:400px;
	border-radius: 0 0 4px 4px;
	border:1px solid #cccccc;
}
.addressBox p{
	margin-bottom:5px;
}
/*---------------------------------------------------------------
8-FOOTER
----------------------------------------------------------------*/
#footerSection{
	padding:25px 0;
	margin:0;
	width:100%;
	float:left;
	height:auto;
	background-image:url(../images/bg-cercle.png);
	background-color:#292627;
}
#footerSection p{
	text-align:center;
	color:#838383;
	margin-bottom:5px;
}
#footerSection p a{
	color:#FFF;
	font-weight:600;
	text-decoration:none;
}
#footerSection p a:hover{
	color:#00aeef;
}
.designBy { text-decoration:none; color:#ffffff; text-align:center;}
.designBy  a { text-decoration:none; color:#ffd500;text-align:center; font-weight:600;}
.designBy  a:hover { text-decoration:none; color:#ea2964;text-align:center;}



/*---------------------------------------------------------------
INNER
----------------------------------------------------------------*/
#innerSection{
	padding:0;
	margin:40px 0 20px 0;
	width:100%;
	float:left;
	height:auto;
	min-height:300px;
}
#innerSection h1{
	padding:0;
	margin:0px 0 20px 0;
	text-align:left;
	font-weight:400;
	color:#00aeef;
	text-transform:uppercase;
	font-size:36px;
}
#innerSection h4{
	padding:0;
	margin:10px 0 10px 0;
	text-align:left;
	font-weight:600;
	color:#ea2964;
}
#innerSection h4 a{
color:#000;
}
#innerSection h5{
	padding:0;
	margin:20px 0 30px 0;
	text-align:left;
	font-weight:300;
	color:#000000;
	font-size:18px;
}
#innerSection p{
	text-align:left;
	font-weight:400;
}

#innerBanner{
	padding:25px 0 0 0;
	margin:0;
	width:100%;
	float:left;
	height:auto;
	background-image:url(../images/bg-cercle.png);
	background-color:#292627;
}
.serviceboxInner{
	padding:0;
	margin:0 0 10px 0;
	width:100%;
	float:left;
	height:auto;
	text-align:center;
}
.serviceboxInner h4{
	color:#FFF;
	margin-bottom:0;
}
.serviceboxInner h4 a{
	color:#FFF;
}
.serviceboxInner img{
	margin:0 auto;
	display: -webkit-inline-box!important;
}

.productHeadingInner{
	padding:10px 0 10px 20px;
	margin:0;
	width:100%;
	float:left;
	height:auto;
	background-color:#ea2964;
	border-radius: 4px 4px 0 0;
}
.productHeadingInner h2{
	padding:0;
	margin:0;
	width:100%;
	float:left;
	height:auto;
	color:#FFF;
	text-transform:uppercase;
	font-size:18px;
}
.productBoxInner{
	padding:10px 2px 10px 10px;
	margin:0 0 20px 0;
	width:100%;
	float:left;
	height:auto;
	border:1px solid #CCCCCC;
}
.productBoxInner p{
	font-size:13px;
}
.productBoxInner p a{
	color:#333333;
}
.productBoxInner p a:hover{
	color:#00aeef;
}
.innerRightSide p{
	text-align:justify!important;
	line-height:24px;
}


.form-control {
	margin-bottom:10px!important;
}

/*---------------------------------------------------------------*/
.socialMain{
	padding:0;
	margin:0;
	width:100%;
	float:left;
	height:auto;
}
.socialMain i{
	padding:10px 0 0 20px;
	margin:0;
	float:left;
	height:auto;
}
.fb{
	color:#3b579d;
}
.tt{
	color:#2caae1;
}
.gp{
	color:#d0422a;
}
.socialMain i a{
	padding:10px 0 0 20px;
	margin:0;
	float:left;
	height:auto;
}

/*#innerSection{
	padding:0;
	margin:0 0 10px 0;
	width:100%;
	float:left;
	height:auto;
	min-height:500px;
}
#innerSection h1{
	padding:0;
	margin:30px 0 20px 0;
	text-align:left;
	font-weight:400;
	color:#00aeef;
	text-transform:uppercase;
	font-size:48px;
}
#innerSection h4{
	padding:0;
	margin:10px 0 10px 0;
	text-align:left;
	font-weight:600;
	color:#ea2964;
}
#innerSection h5{
	padding:0;
	margin:20px 0 30px 0;
	text-align:left;
	font-weight:300;
	color:#000000;
	font-size:18px;
}
#innerSection p{
	text-align:left;
	font-weight:400;
}

#innerBanner{
	padding:25px 0 0 0;
	margin:0;
	width:100%;
	float:left;
	height:auto;
	background-image:url(../images/bg-cercle.png);
	background-color:#292627;
}
.serviceboxInner{
	padding:0;
	margin:0 0 10px 0;
	width:100%;
	float:left;
	height:auto;
	text-align:center;
}

.serviceboxInner h4{
	color:#FFF;
	margin-bottom:0;
}
.serviceboxInner img{
	margin:0 auto;
	display: -webkit-inline-box!important;
}*/
.conbox{
width:100%; max-width:568px; 
margin:30px auto 0;
}
.conlef{
width:45.24647887323944%; /* 257 / 568 */
float:left;
}
.concent{
width:9.507042253521127%; /* 54 / 568 */
float:left;
}
.conright{
width:45.24647887323944%; /* 257 / 568 */
float:left;
}